<template lang="html">
	<div class="footer">
		<!--<section class="footer_mian">
			<section class="share_main">
				<ul class="share_box">
					<li class="share_list">
						<h1 class="share_header">IOAEX</h1></li>
					<li class="share_list">
						<h2 class="share_h1">全球领先的数字资产交易平台</h2></li>
					<li class="share_list">
						<a href=""><i class="iconfont icon-tuitetwitter43"></i></a>
						<a href=""><i class="iconfont icon-youTube"></i></a>
						<a href=""><i class="iconfont icon-socialpaypal"></i></a>
						<a href=""><i class="iconfont icon-instagram"></i></a>
						<a href=""><i class="iconfont icon-weibo"></i></a>
						<a href=""><i class="iconfont icon-weixin"></i></a>
					</li>
					<li class="share_list">
						<h3 class="share_footer">© 2013-2018 IOAEX</h3></li>
				</ul>
			</section>
			<section class="material_main">
				<ul class="material_box">
					<li class="material_list">
						<h1 class="material_header">工具</h1>
						<a href="https://www.ad.songcaijubao.com/upload/?id=gg2137343">客服端下载</a>
					</li>
					<li class="material_list">
						<h1 class="material_header">关于</h1>
						<router-link :to="{path:'/agreement',query: {name: '关于IOAEX',type:'faq'}}">关于IOAEX</router-link>
						<router-link to="/">
							<div @click="linkMe">联系我们</div>
						</router-link>
					</li>
					<li class="material_list">
						<h1 class="material_header">条款说明</h1>
						<router-link :to="{path:'/agreement',query: {name:'用户协议',type:'reg_agree'}}">用户协议</router-link>
						<router-link :to="{path:'/agreement',query: {name:'隐私条款',type:'trans_agree'}}">隐私条款</router-link>
						<router-link :to="{path:'/agreement',query: {name:'法律说明',type:'law_agree'}}">法律说明</router-link>
					</li>
				</ul>
			</section>
		</section>-->
		<section class="footer_mian">
			<div class="footerWarp">
				<div class="footerLeft">
					<img src="../../assets/image/logo.png">
					<p>© 2013-2018 HUB All Rights Reserved</p>
				</div>
				<div class="footerRight">
					<div class="one">
						<h4>{{$t("footer.title[0]")}}</h4>
						<span>
							<router-link :to="{path:'/agreement',query: {name_cn:'用户协议',name_en:'User Agreement',type:'reg_agree'}}">{{$t("footer.list1[0]")}}</router-link>
						</span>
						<span>
							<router-link :to="{path:'/agreement',query: {name_cn:'隐私条款',name_en:'Privacy Policy',type:'trans_agree'}}">{{$t("footer.list1[1]")}}</router-link>
						</span>
					</div>
					<div class="one">
						<h4>{{$t("footer.title[1]")}}</h4>
						<span>
							<a href="https://admin.xjqgsp.com/upload/?id=uu2279064">{{$t("footer.list2[0]")}}</a>
						</span>
						<span>
							<router-link :to="{path:'/agreement',query: {name_cn:'交易规则',name_en:'Trading Rules',type:'jygz'}}">{{$t("footer.list2[1]")}}</router-link>
						</span>
					</div>
					<div class="one">
						<h4>{{$t("footer.title[2]")}}</h4>
						<span><router-link :to="{path:'/agreement',query: {name_cn: '关于HUB',name_en:'About HUB',type:'faq'}}">{{$t("footer.list3[0]")}}</router-link></span>
						<span>
							<router-link :to="{path:'/agreement',query: {name_cn:'关于反洗钱',name_en:'About anti-money laundering',type:'fxq'}}">{{$t("footer.list3[1]")}}</router-link>
						</span>
					</div>
					<div class="one">
						<h4>{{$t("footer.title[3]")}}</h4>
						<span>
							{{$t("footer.list4[0]")}}{{email}}
						</span>
						<p class="icons" style="display: none;">
							<a href="###"><img src="../../assets/image/index/icon1.png"></a>
							<a href="###"><img src="../../assets/image/index/icon2.png"></a>
							<a href="###"><img src="../../assets/image/index/icon3.png"></a>
							<a href="###"><img src="../../assets/image/index/icon4.png"></a>
						</p>
					</div>
					<!-- <div class="one">
						<span>
							<a href="https://www.ad.songcaijubao.com/upload/?id=gg2137343">客服端下载</a>
						</span>
						<span>
							<router-link :to="{path:'/agreement',query: {name:'交易规则',type:'jygz'}}">交易规则</router-link>
						</span>
						<span><router-link :to="{path:'/agreement',query: {name: '关于IOAEX',type:'faq'}}">关于我们</router-link></span>
						<span @click="linkMe" class="last">联系我们</span>
					</div>
					<div class="two">
						<span>
							<router-link :to="{path:'/agreement',query: {name:'关于反洗钱',type:'fxq'}}">关于反洗钱</router-link>
						</span>
						<span>
							<router-link :to="{path:'/agreement',query: {name:'用户协议',type:'reg_agree'}}">用户协议</router-link>
						</span>
						<span>
							<router-link :to="{path:'/agreement',query: {name:'隐私条款',type:'trans_agree'}}">隐私条款</router-link>
						</span>
						<span class="last">
							<router-link :to="{path:'/agreement',query: {name:'法律说明',type:'law_agree'}}">法律说明</router-link>
						</span>
					</div> -->
				</div>
			</div>
		</section>
		
		<!--弹框-->
		<!-- <el-dialog title="联系我们" width="520px" :visible.sync="dialogFormVisible">
			<div class="tankuang2">
				<p>
					服务咨询：service@yesIOAEX.com
				</p>
				<p>
					市场合作：partner@yesIOAEX.com
				</p>		 -->		
			<!--<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisible = false">取 消</el-button>
				<el-button type="primary" @click="OrderDown()" :loading="addLoading">确 定</el-button>
			</div>-->
			<!-- </div> -->
		<!-- </el-dialog>	 -->
	</div>
</template>
<script>
	export default {
		data() {
			return {
				email: null,
				dialogFormVisible:false
			}
		},
		methods: {
			linkMe: function() {
				var _this = this;
				_this.dialogFormVisible = true;
			},
			requestData: function() {
				var _this = this;
				_this.$http.post(_this.$http.public_data, {}).then(function(res) {
					if(res.data.status == "200") {
						_this.email = res.data.data.email;

					}
				}).catch(function(error) {});
			}
		},
		created: function() {
			var _this = this;
			_this.requestData();
		}
	}
</script>
<style lang="less">
	.footer{
		.tankuang2{
			text-align: center;
			p{
				line-height: 28px;
			}
		}
		.one{
			float:left;
			width:170px;
		}
	}
</style>